Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SWED-2230 topbar transparent #905

Merged
merged 49 commits into from
Nov 3, 2023

Conversation

goldenraphti
Copy link
Collaborator

@goldenraphti goldenraphti commented Sep 29, 2023

New experimental Topbar

This PR is pretty big. Not in number of files, but it goes in various directions. Prepare yourself a coffee and hop on for the ride 😜

Description

Add a new Topbar. Still at an experimental phase. Therfore user need to actively opt-in to trigger it.
At this stage, if users do nothing they remain on the current topbar with no breaking change.
The new topbar does nevertheless includes breaking changes.
For this reason a new page for its migration to v2 is added to the documentations > components

Figma prototypes
Jira SWED-2230

Jira ticket: https://payexjira.atlassian.net/browse/SWED-2230
Feature branch: https://design.stage.swedbankpay.com/feature/SWED-2230-topbar_transparent/

Motivation and Context

How Has This Been Tested?

So far no new tests are added to test the new topbar. But all old tests made for the current topbar are (and must) successful.

Screenshots (if appropriate):

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have updated the CHANGELOG document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

Review instructions

Review instructions

- logos smaller
- scrollbar links container
- logout btn anchored at bottom in modal
- white gradient over links in nav modal
- smaller btn size
- hack around scroll link-container in modal
- font sizes links
- paddings in modal
- topbar height
- transparency backdropopacity
- add support legacy topbar
- refactor style new-topbar
@goldenraphti goldenraphti changed the title Feature/swed 2230 topbar transparent SWED-2230 topbar transparent Sep 29, 2023
@codecov
Copy link

codecov bot commented Oct 10, 2023

Codecov Report

Merging #905 (8af0bd2) into develop (4611d09) will decrease coverage by 0.29%.
Report is 1 commits behind head on develop.
The diff coverage is 53.33%.

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff             @@
##           develop     #905      +/-   ##
===========================================
- Coverage    72.60%   72.31%   -0.29%     
===========================================
  Files          212      212              
  Lines         4508     4573      +65     
  Branches      1263     1302      +39     
===========================================
+ Hits          3273     3307      +34     
- Misses        1097     1122      +25     
- Partials       138      144       +6     
Files Coverage Δ
...ComponentsDocumentation/components/Topbar/index.js 45.45% <ø> (-4.55%) ⬇️
src/App/index.js 39.47% <ø> (ø)
src/App/routes/components.js 100.00% <ø> (ø)
src/App/AppHeader/index.js 57.14% <40.00%> (-17.86%) ⬇️
src/App/docutils/DocContainer/index.js 62.50% <0.00%> (-8.93%) ⬇️
...onentsDocumentation/components/Topbar/constants.js 50.00% <42.85%> (-25.00%) ⬇️
src/scripts/main/topbar/NavMenu.js 86.59% <82.14%> (+0.01%) ⬆️
src/App/utils/SelectPanel/index.js 9.80% <0.00%> (-0.84%) ⬇️
src/App/components/Topbar/index.js 73.13% <67.39%> (-10.65%) ⬇️
src/scripts/main/sidebar/index.js 24.71% <20.83%> (-0.09%) ⬇️

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e7de957...8af0bd2. Read the comment docs.

@github-actions
Copy link

github-actions bot commented Oct 10, 2023

Size Change: +13.6 kB (+1%)

Total Size: 1.12 MB

Filename Size Change
dist/designguide/scripts/dg.js 24.8 kB +286 B (+1%)
dist/designguide/styles/payex.css 44.2 kB +2.97 kB (+7%) 🔍
dist/designguide/styles/swedbankpay.css 42.1 kB +2.94 kB (+7%) 🔍
dist/scripts/dg.js 24.8 kB +286 B (+1%)
dist/scripts/payex.js 323 kB +417 B (0%)
dist/scripts/swedbankpay.js 323 kB +421 B (0%)
dist/styles/payex.css 44.2 kB +2.97 kB (+7%) 🔍
dist/styles/swedbankpay.css 42.1 kB +2.94 kB (+7%) 🔍
ℹ️ View Unchanged
Filename Size Change
dist/designguide/scripts/dg-dashboard.js 72.9 kB 0 B
dist/designguide/styles/documentation-payex.css 9.28 kB +94 B (+1%)
dist/designguide/styles/documentation-swedbankpay.css 8.38 kB +96 B (+1%)
dist/scripts/9438.js 71.8 kB 0 B
dist/scripts/dg-dashboard.js 72.9 kB 0 B
dist/styles/documentation-payex.css 9.28 kB +94 B (+1%)
dist/styles/documentation-swedbankpay.css 8.38 kB +96 B (+1%)

compressed-size-action

@goldenraphti goldenraphti marked this pull request as draft October 11, 2023 13:52
@goldenraphti goldenraphti marked this pull request as ready for review October 11, 2023 14:05
@goldenraphti goldenraphti merged commit d98b4c0 into develop Nov 3, 2023
8 checks passed
@github-actions github-actions bot deleted the feature/SWED-2230-topbar_transparent branch November 3, 2023 14:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants